<template>
    <div v-if="show" class="column-ui">
        <a href="javascript:;" class="column-icon column-return" @click="appReturn"></a>
        <a href="javascript:;" class="column-icon column-share" @click="appShare"></a>
    </div>
</template>

<style lang="scss">

</style>

<script>
    export default {
        name: "app-column",
        props: {
            show: {
                type: Boolean,
                default: true
            },
            isImg: {
                type: Boolean,
                default: false
            }
        },
        methods: {
            appReturn() {
                if (this.inApp) {
                    if (Vue.$AppConfig.appJSBridge('keyBack')) {

                    } else {
                        console.log("返回调用失败");
                    }

                    // 判断是否IOS
                    // if (Vue.$AppConfig.isIos) {
                    //     // 不能为空，至少要传''
                    //     window.webkit.messageHandlers.keyBack.postMessage('');
                    // } else {
                    //     window.JsBridge.keyBack();
                    // }
                }
            },
            appShare() {
                if (this.inApp) {

                    if (this.isImg) {
                        return this.$emit('share');
                    } else {
                        // 判断是否IOS

                        if (Vue.$AppConfig.appJSBridge('shareCertificate')) {

                        } else {
                            console.log("返回调用失败");
                        }

                        // if (Vue.$AppConfig.isIos) {
                        //     webkit.messageHandlers.shareCertificate.postMessage();
                        // } else {
                        //     window.JsBridge.shareCertificate();
                        // }
                    }
                }
            }
        },
        data() {
            return {
                inApp: !!Vue.$AppConfig.getToken
            }
        },
    }
</script>